		<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
		<html xmlns="http://www.w3.org/1999/xhtml">
		<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>PCFC Trakhees mobile services</title>
		<link href="css/style.css" rel="stylesheet" type="text/css" />
		<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
		<script type="text/javascript">
		$(document).ready(function(e) {
			$(".drop_nav").click(function(){
				$(".drop_content").slideToggle(1000);
			});
			
		});
		 function doNav(theUrl)
		  {
		  //document.location.href = theUrl;
				window.location.href=theUrl;
		  }
		   function getServices(service)
		  {
		  //$(".container").slideToggle(1000);

		
		  }
		</script>
		<script type="text/javascript">
			var queryString = new Array();
			$(function () {
				if (queryString.length == 0) {
					if (window.location.search.split('?').length > 1) {
						var params = window.location.search.split('?')[1].split('&');
						for (var i = 0; i < params.length; i++) {
							var key = params[i].split('=')[0];
							var value = decodeURIComponent(params[i].split('=')[1]);
							queryString[key] = value;
						}
					}
				}
				if (queryString["service"] != null) {
				 var service=queryString["service"];
			
				 if(service=="finance"){
				// getServices(service);
			
				 }
					
				 
				}
			});
		</script>
		</head>

		<body>
		<!--header-->
		<div class="header">
				<a href="#" class="govt"><img src="images/govt_logo.jpg" alt="" /></a>
				<a href="#" class="partner"><img src="images/partner.jpg" alt="" /></a>
				<a href="#" class="nav_button"><img src="images/nav_default.png" alt="" /></a>
				<h3 class="site_name">PCFC Mobile Services</h3>



		</div>
		<!--end-->

		<div class="header2">

				
				<h3 class="drop_nav">Departments</h3>
				<div class="drop_content">
					<ul>
						<li class="finance"><a href="#">Finance</a></li>
						<li class="civil"><a href="#">Civil Engineering</a></li>
						<li class="safety"><a href="#">Environment, Health & Safety</a></li>
						<li class="fire"><a href="#">Fire</a></li>
						<li class="commercial last_li"><a href="#">Commercial Licensing</a></li>
					</ul>
				
				</div>
				<h3 class="page_title">Service Categories</h3>

			<div class="clear"></div>
		</div>
		<div class="search_outer"><input type="text" value="Search" class="search round shadow" /></div>
		<div class="border_btm"></div>

		<!--container-->
		<div class="container">
		
	<div data-role="main" class="ui-content">
		<ul data-role="listview">
		  <li onClick="doNav('./Finance_Department/PrepaidBalance_Enquiry.html')"><a href="#">Prepaid Account Balance Enquiry</a></li>
		  <li onClick="doNav('./Finance_Department/Payment_Advice.html')"><a href="#">Payment Advice Status Enquiry</a></li>
		  <li onClick="doNav('./Finance_Department/SettlePayment_Advice.html')"><a href="#">Settle Unpaid payment advice using prepaid account</a></li>
		</ul>
	  </div>

		</div>
		<!--end-->
		<!--footer-->
		<div class="footer">

			<div class="footer_nav_area">
			
					<a href="#" class="req_meet no_lb">Request Meeting</a>
					<a href="#" class="track_status no_rb">Track Status</a>
					<span class="trakhees_logo"><a href="#" class="no_rb no_lb"><img src="images/trakhees.png" alt="" /></a></span>
					<a href="#" class="help no_lb">Help</a>
					<a href="#" class="contact_us no_rb">Contact Us</a>
					<div class="clear"></div>
			</div>

		</div>
		<!--end-->
		</body>
		</html>
